<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script>
      // 创建一个数组
      var arr = ["孙悟空", "猪八戒", "沙和尚"];

      /**
       * push()
       *  该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度
       * 可以将要添加的元素作为方法的参数传递
       *   这样这些元素将会自动添加到数组的末尾
       */

      var result = arr.push("唐僧", "蜘蛛精");
      console.log(arr);

      /**
       * pop()
       * 可以删除数组中最后一个元素
       */
      arr.pop();
      console.log(arr);

      /**
       * unshift()
       * 向数组开头添加一个或多个元素，并返回新的数组长度
       * 向前边插入元素以后，其他的元素索引会以此调整
       */
      arr.unshift("牛魔王");
      console.log(arr);

      /**
       * shift()\可以删除数组的第一个元素，并将被删除的元素作为返回值返回
       *
       */
      // result = arr.shift();
      // result = arr.shift();

      console.log(arr);
      console.log("result" + result);
    </script>
  </head>
  <body></body>
</html>
